@size0: 0px;
@size1: 5px;
@size2: 10px;
@size3: 20px;
@size4: 30px;
@size5: 50px;

.margin {
  &-0 {
    margin: @size0;
  }
  &-1 {
    margin: @size1;
  }
  &-2 {
    margin: @size2;
  }
  &-3 {
    margin: @size3;
  }
  &-4 {
    margin: @size4;
  }
  &-5 {
    margin: @size5;
  }
}

.margin-top {
  &-0 {
    margin-top: @size0;
  }
  &-1 {
    margin-top: @size1;
  }
  &-2 {
    margin-top: @size2;
  }
  &-3 {
    margin-top: @size3;
  }
  &-4 {
    margin-top: @size4;
  }
  &-5 {
    margin-top: @size5;
  }
}

.margin-top {
  &-0 {
    margin-top: @size0;
  }
  &-1 {
    margin-top: @size1;
  }
  &-2 {
    margin-top: @size2;
  }
  &-3 {
    margin-top: @size3;
  }
  &-4 {
    margin-top: @size4;
  }
  &-5 {
    margin-top: @size5;
  }
}

.margin-bottom {
  &-0 {
    margin-bottom: @size0;
  }
  &-1 {
    margin-bottom: @size1;
  }
  &-2 {
    margin-bottom: @size2;
  }
  &-3 {
    margin-bottom: @size3;
  }
  &-4 {
    margin-bottom: @size4;
  }
  &-5 {
    margin-bottom: @size5;
  }
}

.margin-left {
  &-0 {
    margin-left: @size0;
  }
  &-1 {
    margin-left: @size1;
  }
  &-2 {
    margin-left: @size2;
  }
  &-3 {
    margin-left: @size3;
  }
  &-4 {
    margin-left: @size4;
  }
  &-5 {
    margin-left: @size5;
  }
}
.margin-right {
  &-0 {
    margin-right: @size0;
  }
  &-1 {
    margin-right: @size1;
  }
  &-2 {
    margin-right: @size2;
  }
  &-3 {
    margin-right: @size3;
  }
  &-4 {
    margin-right: @size4;
  }
  &-5 {
    margin-right: @size5;
  }
}
.padding {
  &-0 {
    padding: @size0;
  }
  &-1 {
    padding: @size1;
  }
  &-2 {
    padding: @size2;
  }
  &-3 {
    padding: @size3;
  }
  &-4 {
    padding: @size4;
  }
  &-5 {
    padding: @size5;
  }
}

.padding-top {
  &-0 {
    padding-top: @size0;
  }
  &-1 {
    padding-top: @size1;
  }
  &-2 {
    padding-top: @size2;
  }
  &-3 {
    padding-top: @size3;
  }
  &-4 {
    padding-top: @size4;
  }
  &-5 {
    padding-top: @size5;
  }
}

.margin-top {
  &-0 {
    padding-top: @size0;
  }
  &-1 {
    padding-top: @size1;
  }
  &-2 {
    padding-top: @size2;
  }
  &-3 {
    padding-top: @size3;
  }
  &-4 {
    padding-top: @size4;
  }
  &-5 {
    padding-top: @size5;
  }
}

.padding-bottom {
  &-0 {
    padding-bottom: @size0;
  }
  &-1 {
    padding-bottom: @size1;
  }
  &-2 {
    padding-bottom: @size2;
  }
  &-3 {
    padding-bottom: @size3;
  }
  &-4 {
    padding-bottom: @size4;
  }
  &-5 {
    padding-bottom: @size5;
  }
}

.padding-left {
  &-0 {
    padding-left: @size0;
  }
  &-1 {
    padding-left: @size1;
  }
  &-2 {
    padding-left: @size2;
  }
  &-3 {
    padding-left: @size3;
  }
  &-4 {
    padding-left: @size4;
  }
  &-5 {
    padding-left: @size5;
  }
}
.padding-right {
  &-0 {
    padding-right: @size0;
  }
  &-1 {
    padding-right: @size1;
  }
  &-2 {
    padding-right: @size2;
  }
  &-3 {
    padding-right: @size3;
  }
  &-4 {
    padding-right: @size4;
  }
  &-5 {
    padding-right: @size5;
  }
}
